{% extends "base.html" %}
{% block css %}
	{% load static %}
	<link rel="stylesheet" href="{% static 'css/create_comic.css' %}">
{% endblock %}
{% block title %}
创建漫画
{% endblock %}
{% block body %}
<div class="container">
    <!--导航栏-->
    <div class="row">
        <div class="col-md-12">
            <ul class="nav nav-tabs">
                <li role="presentation" class="active">
                    <a href="javascricp:void()">创建漫画</a>
                </li>
            </ul>
        </div>
    </div>
    <br>
    <!--内容表单栏-->
    <form class="form-horizontal" method="post" action="" enctype="multipart/form-data">
        {% csrf_token %}
        <!-- 漫画名 -->
        <div class="form-group">
            <label for="comic_name" class="col-sm-2 control-label"><span id="necessary">*</span>漫画名</label>
            <div class="col-sm-10">
                <input type="text" id="comic_name" name="comic_name" class="form-control" placeholder="漫画名,不能有特殊符号"/>
            </div>
        </div>
        <!-- 作者名 -->
        <div class="form-group">
            <label for="author_name" class="col-sm-2 control-label">作者名</label>
            <div class="col-sm-10">
                <input type="text" id="author_name" name="author_name" class="form-control" placeholder="作者名"/>
            </div>
        </div>
        <!-- 漫画简介 -->
        <div class="form-group">
            <label for="introduction" class="col-sm-2 control-label">漫画简介</label>
            <div class="col-sm-10">
                <textarea rows="3" id="introduction" name="introduction" class="form-control"
                          placeholder="漫画简介"></textarea>
            </div>
        </div>
        <!-- 漫画封面图 -->
        <div class="form-group">
            <label for="comic_cover" class="col-sm-2 control-label"><span id="necessary">*</span>漫画封面</label>
            <input type="file" id="comic_cover" name="comic_cover" class="col-sm-10">
        </div>
        <!-- 漫画图包 -->
        <div class="form-group">
            <label for="comic_zip" class="col-sm-2 control-label"><span id="necessary">*</span>漫画</label>
            <input type="file" id="comic_zip" name="comic_zip" class="col-sm-10">
        </div>
        <!-- 提交按钮 -->
        <div class="form-group">
            <input type="submit" value="提交" class="col-sm-offset-2 col-sm-10 btn btn-lg">
        </div>
    </form>


</div>
{% endblock %}
